$(function () {
    // 列表页面
    // 列表总数
    var total = 10
    // 分页参数
    var params = {
        pagenum: 1,
        pagesize: 6
    }
    // 列表内容
    var arr = [`
      <div class="kr_news_date">
        16 <span>08月</span>
      </div>
    `]
    // 加载列表数据
    function loadList() {
        if (total !== 0 && arr.length >= total) {
            return layer.msg('没有更多数据了');
        }
        $.ajax({
            type: 'get',
            url: 'http://localhost:8888/api/articles',
            data: params,
            success: function (res) {
                if (res.status === 0) {
                    total = res.total
                    res.data.forEach(function (item) {
                        arr.push(`
                <div class="item">
                  <h4>
                    <a href="./detail.html?id=${item.id}">${item.title}</a>
                  </h4>
                  <p class="meta">
                    <span>19分钟前 分享至</span>
                    <a href="javascript:;" class="wechat"></a>
                    <a href="javascript:;" class="weibo"></a>
                  </p>
                  <p class="brief">${item.content}</p>
                </div>
              `)
                    })
                    $('.kr_news_list').append(arr.join(''))
                }
            }
        })
    }

    loadList()

    // 加载更多数据
    $('.kr_more').click(function () {
        params.pagenum += 1
        loadList()
    })
})